{% extends "layout.html" %}

{% block content %}

          <b><h2 style="font-family: sans-serif; font-weight: normal; margin: 0; Margin-bottom: 15px; color: #F6F5F5">{{ alert_name }} </h2></b>
          <hr style="width:100%", size="2", color= #F6F5F5>
          <h3 style="font-family: sans-serif; font-weight: normal; margin: 0; Margin-bottom: 15px; color: #F6F5F5">Alert Frequency: {{ alert_frequency }}</h3>
          <h2 style="font-family: sans-serif; font-weight: normal; margin: 0; Margin-bottom: 15px; color: #F6F5F5">Alert Message</h2>
          <h3 style="font-family: sans-serif; font-weight: normal; margin: 0; Margin-bottom: 15px; color: #F6F5F5">{{ alert_message }}</h3>
            
           
            <table style="border-collapse: collapse;border-spacing: 15px; color: #F6F5F5;text-align: left; padding: 10px;">
                <tr style="border:1px solid #8A8A8A ; border-color: #8A8A8A;">
                    {% for column in column_names %}
                    <th style="border: 1px solid #8A8A8A ; padding: 10px;">{{column}}</th>
                    {% endfor %}
                </tr>
                {% for item in normal_df %}
                    <tr style="border:1px solid #8A8A8A">
                        {% for column in column_names %}
                        <td style="color: #F6F5F5;border: 1px solid #8A8A8A ; padding: 10px;">{{item[column]}}</td>
                        
                        {% endfor %}
                    </tr>
                {% endfor %}
                {% for item in add_df %}
                    <tr style="border:1px solid #8A8A8A" >
                        {% for column in column_names %}
                        <td style="color: #86efac ;border: 1px solid #8A8A8A ; padding: 10px;">{{item[column]}}</td>
                        
                        {% endfor %}
                    </tr>
                {% endfor %}
                {% for item in del_df %}
                    <tr style="border:1px solid #8A8A8A">
                        {% for column in column_names %}
                        <td style="color: #FCA5A5 ;border: 1px solid #8A8A8A ; padding: 10px;">{{item[column]}}</td>
                        
                        {% endfor %}
                    </tr>
                {% endfor %}
                
            </table>
{% endblock %}

                        